<template>
	<div class="qrcode" style="height: 100vh;">
		<div class="header">
		   <van-nav-bar
			  title="易分智能投放二维码"
			  style="background: #4C9FFD;"
			  left-arrow
			  @click-left="onClickLeft"/>

		 </div>

		 <div>
		 	<div class="qrcode_content">
		 	     <p>请将二维码对准垃圾智能柜扫码口</p>
		 	     <div class="qrcode_er">
		 	     	  <img :src="captcha" />
		 	    </div>
		    </div>

		    <div>
			 	<p style="color: #FFFFFF;font-size: 13px;margin-top: 9vh;">
			 		垃圾分类就是新时尚
			 	</p>
			 	<van-divider :style="{ color: '#fff', borderColor: '#fff', padding: '0 126px'}">易分</van-divider>

		   </div>

		 </div>




	</div>



</template>
<script>
export default {
	data(){
		return{
        captcha:''
		}
	},
    mounted:function(){
        this.captcha = this.$route.query.captcha;
    },
	methods: {
	    onClickLeft() {
          this.$router.back(-1);
	    },

  }
}
</script>
<style scoped="scoped">
	.qrcode{
		background:rgb(76, 159, 253);
	}
  .header >>> .van-icon{
  	color: #fff;
  }
  .header >>> .van-nav-bar__title{
  	color: #fff;
  }
  .header img{
  	width: 95%;
  }
  .header p{
  	margin-top:3vh;
  	margin-bottom: 3vh;
  	color: #333333;
  	font-size: 18px;
  }
  .p_content_color{
  	color: #FF4242 !important;
  	font-size: 12px !important;
  	text-align: left;
  	margin-top: 1vh !important;
  	margin-left: 12px;

  }
  .qrcode_content p{
  	font-size: 15px;
  	padding-top: 9vh;
  	padding-bottom: 3vh;
  	color: #000000;
  }
  .qrcode_content{
  	height: 65vh;
  	background: #FFFFFF;
  	margin: 12px;
    border-radius:5px;
  }
  .qrcode_er img{

  	  width: 68vw;
      height: 38vh;

  }

</style>
